<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <meta name="viewport"  content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"/>
    <link rel="stylesheet" href="../../css/Token_Start.css"/>
    <link rel="stylesheet" href="../../common/common.css"/>
    <title>钱包</title>
    <style>
        .head-title-wallet img{
            width: 43%;
           }
        .wallet-body{margin-top: 40px;}
        .wallet-body .crate-wallet{
            background: url("../../img/wallet_bg.png")  no-repeat;
            background-size:100% 100% ;
            height:200px;
            width:100%;
            position: relative;
        }
        .wallet-body .crate-wallet>span{
            display: inline-block;
            position:absolute;
            text-align: center;
            top:60px;
            left:50%;
        }
        .wallet-body .crate-wallet>span:first-child{
            transform: translateX(-140px);
        }
        .wallet-body .crate-wallet>span:last-child{
            transform: translateX(70px);
        }
        .wallet-body .crate-wallet img{
            width: 80px;
            height: 80px;
        }
        .head-title-wallet{color:#858484;}
        .wallet-body .capt-list{color:#b39804;margin:40px 2% 0;font-size:20px;}
        .capt-list  li{
            height:50px;
            text-align: right;
            line-height:50px;
            border-bottom:1px solid #373737;
        }

        .capt-list  li img{
            width: 30px;
            height: 30px;
           }
        .capt-list .capt-list-img{
            position: relative;
            margin-left: 5px;
            top:10px;
        }
        /* 右侧列表 */
        .right-aside{
            position: fixed;
            right:-300px;
            top:40px;
        }
        .menu-wallet{
            width:300px;height:1500px;
            background-color: #000000;
        }
        .menu-wallet .wallet-right-img{
            width: 16px;height:35px;
            display: inline-block;
            background: url("../../img/Spirit.png") no-repeat -286px -43px;
            background-size:410px ;
            position: relative;
            top: -5px;
        }
        .menu-wallet ul{
            padding-left:40px;
        }
        .menu-wallet li{
            height:60px;
            padding-top:30px;
            border-bottom:1px solid #373737;
            position:relative;
            margin-right: 10px;

        }
        .menu-wallet li a{color:#fff;}
        .menu-wallet li .icon{
            background: url("../../img/Spirit.png") no-repeat;
            background-size:460px ;
            display:inline-block;
            width:30px;height:30px;
            position: absolute;
            left:-35px;top:25px;
        }
        .menu-wallet li .keyStore{
            background-position:2px -47px ;
        }
        .menu-wallet li .key-prison{
            background-position:-48px -47px ;
        }
        .menu-wallet li .key-by-store{
            background-position:-97px -47px ;
        }
        .menu-wallet li .key-by-word{
            background-position:-146px -47px ;
        }
        .menu-wallet li .key-by-prison{
            background-position:-196px -47px ;
        }
        .menu-wallet li .key-delete{
            background-position:-246px -47px ;
        }
        /*.wallet-right-img*/
    </style>
</head>
<body>
<header class="head-title-wallet">
<div>
    <span class="pull-left "><img src="../../img/left.png" alt=""/></span> 钱 包<span class="pull-right js-top-more" id="topMore" data-toggle-more="0"><img src="../../img/head-more.png"  alt=""/></span>
</div>
</header>

<div class="wallet-body">
    <div class="crate-wallet">
        <span><img src="../../img/wallet1.png" alt=""/><br/> 创建钱包</span>
        <span><img src="../../img/wallet2.png" alt=""/><br/> Token转账</span>
    </div>
    <div class="capt-list">
        <ul>
            <li class="fix-clear">
                <span class="pull-left">ETH</span><span>230024</span><span class="pull-right  capt-list-img"><img src="../../img/BB_dogecoin.png" alt=""/></span>
            </li>
            <li class="fix-clear">
                <span class="pull-left">ETH</span><span>230024</span><span class="pull-right capt-list-img"><img src="../../img/BB_dogecoin.png" alt=""/></span>
            </li>
            <li class="fix-clear">
                <span class="pull-left">ETH</span><span>230024</span><span class="pull-right capt-list-img"><img src="../../img/BB_dogecoin.png" alt=""/></span>
            </li>

        </ul>
    </div>
</div>
<aside class="right-aside">
    <div class="menu-wallet">
        <ul>
            <li><a href=""><i class="icon keyStore"></i> 导出KeyStore <span  class="pull-right wallet-right-img"></span></a></li>
            <li><a href=""><i class="icon key-prison"></i> 导出私钥 <span class="pull-right wallet-right-img"></span></a></li>
            <li><a href=""><i class="icon key-by-store"></i> 通过KeyStore导入钱包 <span class="pull-right wallet-right-img"></span></a></li>
            <li><a href=""><i class="icon key-by-word"></i>  通过助词记导入钱包 <span class="pull-right wallet-right-img"></span></a></li>
            <li><a href=""><i class="icon key-by-prison"></i> 通过私钥导入钱包 <span class="pull-right wallet-right-img"></span></a></li>
            <li><a href=""><i class="icon key-delete"></i>删除钱包  <span class="pull-right wallet-right-img"></span></a></li>

        </ul>
    </div>
</aside>
<div class="bg"></div>

<script src="../../js/jquery-3.2.1.min.js"></script>
<script type="text/javascript" src="wallet.js"></script>
<script>


</script>
</body>
</html>